草庐IT

Foundation 起步

全部标签

html - Zurb Foundation 6 菜单右对齐在小型设备上实现居中对齐的简便方法

我正在使用ZURBfoundation,我想知道是否存在一种更简单的方法来在小型设备上对齐菜单项。目前我的HTML看起来像这样:Link1Link2Link3如您所见,在所有设备上,我的菜单都“正确”对齐,但在较小的设备上,我想将这些元素居中,我知道ZURB6有许多类和数据方法,可以根据视点大小。我都尝试过使用:两者都不行!可悲的是。我想我可以使用:/*Smallonly*/@mediascreenand(max-width:39.9375em){.menu.align-right{-webkit-box-pack:center;-webkit-justify-content:cent

javascript - Zurb Foundation topbar 菜单栏下拉菜单不起作用(手机尺寸一)

大多数人都在谈论展开栏时的下拉菜单当您将浏览器窗口调整为手机大小时,我说的是菜单。你应该能够在菜单上并且项目列表应该下拉http://foundation.zurb.com/docs/components/topbar.html代码来自此页面(第二个示例)。如果您重新调整它应该显示菜单和下拉项目。GideonSassoonMySiteMenuRightNavButtonActiveRightButtonwithDropdownFirstlinkindropdown$(document).foundation();好的,所以代码是正确的,我已经检查过了,一个friend也检查过了。澄清一

javascript - Zurb Foundation topbar 菜单栏下拉菜单不起作用(手机尺寸一)

大多数人都在谈论展开栏时的下拉菜单当您将浏览器窗口调整为手机大小时,我说的是菜单。你应该能够在菜单上并且项目列表应该下拉http://foundation.zurb.com/docs/components/topbar.html代码来自此页面(第二个示例)。如果您重新调整它应该显示菜单和下拉项目。GideonSassoonMySiteMenuRightNavButtonActiveRightButtonwithDropdownFirstlinkindropdown$(document).foundation();好的,所以代码是正确的,我已经检查过了,一个friend也检查过了。澄清一

css - Zurb Foundation 3 - 全宽部分和更改最大宽度?

我正在使用ZURBFoundation3在我的一个元素上。我喜欢网格系统和响应式网站,但我的问题是我仍然坚信它们的宽度应该大于1000像素。我有几个问题:1)首先,我希望将某些部分(divs)设置为全宽。现在我已经阅读了我可以替换与例如,它会产生那种效果。现在出于某种原因,这感觉不对,我应该只创建自己的全宽类,还是什么才是正确的方法?2)我希望它基于更大的分辨率,可能最大1440像素宽,甚至是流畅的100%全宽。我该怎么做,和/或Foundation不是适合我的框架吗?我喜欢它附带的所有模板,因此制作模型非常快速和友好。提前致谢。 最佳答案

css - Zurb Foundation 3 - 全宽部分和更改最大宽度?

我正在使用ZURBFoundation3在我的一个元素上。我喜欢网格系统和响应式网站,但我的问题是我仍然坚信它们的宽度应该大于1000像素。我有几个问题:1)首先,我希望将某些部分(divs)设置为全宽。现在我已经阅读了我可以替换与例如,它会产生那种效果。现在出于某种原因,这感觉不对,我应该只创建自己的全宽类,还是什么才是正确的方法?2)我希望它基于更大的分辨率,可能最大1440像素宽,甚至是流畅的100%全宽。我该怎么做,和/或Foundation不是适合我的框架吗?我喜欢它附带的所有模板,因此制作模型非常快速和友好。提前致谢。 最佳答案

html - Zurb Foundation 均衡器不工作

我试图在“显示”View中显示一个表单,并且想使用Foundation的均衡器使div具有相同的高度,但由于某种原因,它不适用于一个div比另一个高的情况。我的猜测是它与在容器内使用php有关,但我在他们的文档页面上没有找到任何相关内容。如果有人能指出我哪里出错了,或者如果他们确定这对Foundation不起作用,我将不胜感激您的意见!谢谢!HTML:OrderInformation';echo"Food:".$order_array['food'.$x].'';?>Location';?> 最佳答案 我的解决方案(在使用我推荐的另

html - Zurb Foundation 均衡器不工作

我试图在“显示”View中显示一个表单,并且想使用Foundation的均衡器使div具有相同的高度,但由于某种原因,它不适用于一个div比另一个高的情况。我的猜测是它与在容器内使用php有关,但我在他们的文档页面上没有找到任何相关内容。如果有人能指出我哪里出错了,或者如果他们确定这对Foundation不起作用,我将不胜感激您的意见!谢谢!HTML:OrderInformation';echo"Food:".$order_array['food'.$x].'';?>Location';?> 最佳答案 我的解决方案(在使用我推荐的另

html - 使用 Zurb Foundation 创建大型输入文本的正确方法是什么

我已阅读有关forms的文档并且没有关于如何使输入文本变大的说法。我的意思是更大,例如,Grooveshark的搜索框以前有更大的排版和尺寸:我读过typography但它谈论标题、列表等。可能有一种方法可以将其应用于输入文本,但我对Foundation真的很陌生,我不知道正确的方法。我还看到,对于buttons,您可以使用相应的类“大”、“中”、“小”和“小”来控制它们的大小,但是如果我想让我的输入文本与按钮一样大怎么办?到目前为止,我有一个基本的输入表单如下:Search谢谢。 最佳答案 根据Foundation的UI工具集,没

html - 使用 Zurb Foundation 创建大型输入文本的正确方法是什么

我已阅读有关forms的文档并且没有关于如何使输入文本变大的说法。我的意思是更大,例如,Grooveshark的搜索框以前有更大的排版和尺寸:我读过typography但它谈论标题、列表等。可能有一种方法可以将其应用于输入文本,但我对Foundation真的很陌生,我不知道正确的方法。我还看到,对于buttons,您可以使用相应的类“大”、“中”、“小”和“小”来控制它们的大小,但是如果我想让我的输入文本与按钮一样大怎么办?到目前为止,我有一个基本的输入表单如下:Search谢谢。 最佳答案 根据Foundation的UI工具集,没

html - Zurb Foundation,在 12 列网格中水平居中 10 列

基础奇才,在尝试将10列元素置于默认的12列网格中时遇到困难。编辑:多填写一些代码我尝试在两边各放1列,但无济于事:fivelarge-2columnsinherefivelarge-2columnsinherefivelarge-2columnsinhere我的目标是让3x5网格位于页面的正中央。第1列当前没有将第10列填充到中心。 最佳答案 根据您的需要,通过包含large-centered类或small-centered来使div居中:five2columnsinhere如果您想将large-10div的内容居中,您可以添加包